import 'package:flutter/material.dart';

void main() {
  // 1. 运行应用程序。
  runApp(const MaterialApp(
    home: Main(),
  ));
}

class Main extends StatelessWidget {
  const Main({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Stack 层叠布局 + Positioned 定位',
          style: TextStyle(color: Colors.white),
        ),
        backgroundColor: Colors.purple,
      ),
      body: Center(
        // 层叠布局
        child: Stack(
          // 超出不剪裁
          clipBehavior: Clip.none,
          // 子元素默认对齐方式
          alignment: Alignment.center,
          children: [
            Container(
              width: 200,
              height: 200,
              color: Colors.blue,
            ),
            // 定位
            Positioned(
              // 定位方向 top 、bottom、left、right
              top: -105,
              left: 0,
              child: Image.asset('open_eyes.png'),
            ),
            // 无定位的子元素：按 Stack 组件的 alignment 规则对齐
            Image.asset('qiche.png'),
          ],
        ),
      ),
    );
  }
}
